<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="/lib/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="/lib/easyui/themes/themes/icon.css">
		<script type="text/javascript" src="/lib/easyui/jquery.min.js"></script>
		<script type="text/javascript" src="/lib/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/lib/require.js"></script>
		<title></title>
	</head>
	<body>
		<div>444</div>
		<a>333</a>
		<div id="app" data-opt-type="genie" data-opt-tag="uof-001" style="position: absolute;top: 50px;left: 90px;width: 100px; height: 100px;">
			<emcs-uof></emcs-uof>
		</div>
		<div id="app1" data-opt-type="genie" data-opt-tag="uof-002" style="position: absolute;top: 125px;left: 625px;">
			<emcs-uof></emcs-uof>
		</div>

		<script>
			require.config({
				urlArgs : "v1.0",
				baseUrl: "/lib",
				paths: {
					'vue': 'vue.min',
					'text': 'text.min',
					'hello': '/components/hello',
					'emcs-uof':'/components/emcs-uof',
					'sdata':'Sdata'
				},
				waitSeconds: 0
			});

			require(['vue', 'emcs-uof','sdata'], function (Vue,uof,sdata){
				console.log('index require')
				Vue.component('emcs-uof', uof.vueExtend);
				window.sdata = sdata;
				sdata.refCount = 100;

				let genies = $('div[data-opt-type="genie"]')
				for(i = 0 ; i < genies.length ; i++)
				{
					console.log('set type map')
					let divId = genies[i].getAttribute('id')
					new Vue({el:'#'+divId})
					
				}
				function setupVueInstance(moutNode)
				{

				}
				console.log('end')
			});
		</script>
	</body>
</html>
